<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% 
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="<%=basePath %>/resource/layui/css/layui.css">
<link rel="stylesheet" href="<%=basePath %>/resource/highcharts/highcharts.css">
<link rel="stylesheet" href="<%=basePath %>/resource/fonts/iconfont.css">
<link rel="stylesheet" href="<%=basePath %>/resource/css/liMarquee.css">
<title>报表分析</title>
<style>
	body {
		padding: 20px;
	}
	
	.item-panel {
		display: flex;
		height: 90px;
		cursor: pointer;
		font-size: 18px !important;
	}
	
	.item-panel-icon {
		flex: 0.8;
		border-radius: 7px 0px 0px 7px;
		background-color: red;
	}
	
	.item-panel-text {
		flex: 1;
		border-radius: 0px 7px 7px 0px;
		background-color: #f2f2f2
	}
	
	.item-panel-icon > i,
	.item-panel-text > cite {
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
	} 
	
	.item-panel-icon > i {
		left: 23%;
		color: white;
		font-size: 40px;
	}
	
	.item-panel-text > cite {
		left: 72%;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		font-style: normal;
	}
	
	/*为每一个都单独设置颜色*/
	
	.problem-item {/*问题反馈*/
		background-color: #019688;	
	}
	
	.proposal-item {/*意见反馈*/
		background-color: #3a3e4a;
	}
	
	.use-readme {/*使用说明*/
		background-color: #ff5823;
	}
	
	.notice-info {/*系统公告*/
		background-color: #ffb801;
	}
	
	.style-item {/*更换主题*/
		background-color: #b5ff23;
	}
	
	.peking-time {/*北京时间*/
		background-color: #1f9fff;
	}
	
	#nowTime {
		font-size: 12px;
	}
	
	.layui-card-header {/*卡片面板标题*/
		border: 1px solid #d2d2d2;
		box-shadow: 0px 1px 1px #e2d0d0;
	}
	/*↓修改原有的白色样式↑*/
	.layui-card-body {/*卡片面板内容*/
		border: 1px solid #cecece;
    	border-top: unset;
	}
	
	.magt0 {
		margin-top: 0px;
	}
	
	.magb0 {
		margin-bottom: 0px;
	}
	
	.layui-card {/*去掉卡片布局之间间距后留下的边框*/
		box-shadow: none;
		margin-bottom: 0px;
	}
	
	.iconfont {/*icon图标和文字 对齐显示*/
		vertical-align: middle;
	}
	
	#marquee {/*跑马灯*/
		width: 95%;
		display: inline-block;
		vertical-align: middle;
		background-color: #f2f2f2;
	}
</style>
</head>
<body>
	<blockquote class="layui-elem-quote">
		<i class="iconfont icon-notice2"></i>
		<span id="marquee">引用区域的文字</span>
	</blockquote>
	<div class="function-panel layui-row layui-col-space10">
		<div id="problemFeedback" class="item-panel layui-col-md2">
			<div class="problem-item item-panel-icon">
				<i class="seraph iconfont icon-problem"></i>
			</div>
			<div class="item-panel-text">
				<cite>问题反馈</cite>
			</div>
		</div>
		<div id="proposal" class="item-panel layui-col-md2">
			<div class="proposal-item item-panel-icon">
				<i class="seraph iconfont icon-proposal"></i>
			</div>
			<div class="item-panel-text">
				<cite>意见提出</cite>
			</div>
		</div>
		<div id="readme" class="item-panel layui-col-md2" data-url="/admin/productInstructions/documentNavigation/document-navigation.jsp">
			<div class="use-readme item-panel-icon">
				<i class="seraph iconfont icon-readme" data-icon="iconfont icon-readme"></i>
			</div>
			<div class="item-panel-text">
				<cite>使用说明</cite>
			</div>
		</div>
		<div id="notice" class="item-panel layui-col-md2">
			<div class="notice-info item-panel-icon">
				<i class="layui-icon layui-icon-speaker"></i>
			</div>
			<div class="item-panel-text">
				<cite>公告信息</cite>
			</div>
		</div>
		<div id="changeStyle" class="item-panel layui-col-md2">
			<div class="style-item item-panel-icon">
				<i class="seraph iconfont icon-style"></i>
			</div>
			<div class="item-panel-text">
				<cite>更换主题</cite>
			</div>
		</div>
		<div class="item-panel layui-col-md2">
			<div class="peking-time item-panel-icon">
				<i class="seraph iconfont icon-clock"></i>
			</div>
			<div class="item-panel-text">
				<cite id="nowTime">北京时间</cite>
			</div>
		</div>
	</div>
	<div class="layui-row layui-col-space20">
		<div class="layui-card layui-col-md4">
		  <div class="layui-card-header">
		  	<i class="iconfont icon-round-chart"></i>仓库
		  </div>
		  <div class="layui-card-body">
		  	 <div id="productClassificationStatistics" style="min-width:500px;height:400px"></div>
		  </div>
		</div>
		<div class="layui-card layui-col-md4">
		  <div class="layui-card-header">
		  	<i class="iconfont icon-round-chart"></i>供应商
		  </div>
		  <div class="layui-card-body">
		    <div id="supplierClassification" style="min-width:500px;height:400px"></div>
		  </div>
		</div>
		<div class="layui-card layui-col-md4">
		  <div class="layui-card-header">
		  	<i class="iconfont icon-round-chart"></i>人力状况
		  </div>
		  <div class="layui-card-body">
		   	 <div id="humanResource" style="min-width:500px;height:400px"></div>
		  </div>
		</div>
	</div>
	<div class="layui-row layui-col-space10">
		<div class="layui-col-lg6 layui-col-md12">
			<blockquote class="layui-elem-quote magb0">
			 	<i class="layui-icon layui-icon-chart-screen"></i>生产与销售状况
			</blockquote>
			<div class="layui-elem-quote layui-quote-nm">
			    <div id="productAndSale" style="max-width:800px;height:400px"></div>
			</div>
		</div>
		<div class="layui-col-lg6 layui-col-md12">
			<blockquote class="layui-elem-quote magb0">
				<i class="iconfont icon-sys-info"></i>系统基本参数
			</blockquote>
			<table class="layui-table magt0">
				<colgroup>
					<col width="150">
					<col>
				</colgroup>
				<tbody>
				<tr>
					<td>开发作者</td>
					<td>惠州市大旗科技有限公司</td>
				</tr>
				<tr>
					<td>网站首页</td>
					<td>/login.jsp</td>
				</tr>
				<tr>
					<td>Java版本</td>
					<td><%=System.getProperty("java.version")%></td>
				</tr>
				<tr>
					<td>WEB容器</td>
					<td><%= application.getServerInfo()%></td>
				</tr>
				<tr>
					<td>处理器</td>
					<td><%=Runtime.getRuntime().availableProcessors()%>核心</td>
				</tr>
				<tr>
					<td>内存大小</td>
					<td><%=Runtime.getRuntime().totalMemory() / 1024 / 1024%>MB</td>
				</tr>
				<tr>
					<td>数据库</td>
					<td>MySQL5.5</td>
				</tr>
				<tr>
					<td>操作系统</td>
					<td><%=System.getProperty("os.name")%></td>
				</tr>
				</tbody>
			</table>
			<blockquote class="layui-elem-quote magb0">
				<i class="iconfont icon-log"></i>发展历程与更新日志
			</blockquote>
			<div class="layui-elem-quote layui-quote-nm">
				<ul class="layui-timeline">
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe756;</i>
						<div class="layui-timeline-content layui-text">
							<div class="layui-timeline-title">
								<h3 class="layui-inline">大旗ERP管理系统<span class="layui-red">2.4.1-beta版本</span>发布　</h3>
								<span class="layui-badge-rim">2018-06-25</span>
							</div>
							<ul>
								<li class="layedit-tool-help">调整页面弹出层提交按钮和重新填写按钮的ui</li>
								<li class="layedit-tool-help">页面刷新机制修改,当数据没有提交时不在刷新页面</li>
								<li class="layedit-tool-help">完善意见反馈和问题反馈</li>
								<li class="layedit-tool-help">功能菜单更换为数据库渲染不再是json文件</li>
								<li class="layedit-tool-help">修复IE下表格无法渲染问题</li>
								<li class="layedit-tool-help">彻底解决JsessionId显示问题</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe756;</i>
						<div class="layui-timeline-content layui-text">
							<div class="layui-timeline-title">
								<h3 class="layui-inline">大旗ERP管理系统<span class="layui-red">2.4-beta版本</span>发布　</h3>
								<span class="layui-badge-rim">2018-06-11</span>
							</div>
							<ul>
								<li class="layedit-tool-help">新增首页显示内容</li>
								<li class="layedit-tool-help">完善销售订单功能</li>
								<li class="layedit-tool-help">新增四个外置图标-内置-91ICON-以及Layui-140ICON图标</li>
								<li class="layedit-tool-help">新增首页二次访问自动登录功能</li>
								<li class="layedit-tool-help">员工档案新增就职状态和离职时间</li>
								<li class="layedit-tool-help">新增问题反馈功能</li>
								<li class="layedit-tool-help">新增意见提出功能</li>
								<li class="layedit-tool-help">修复入库货物不叠加现象</li>
								<li class="layedit-tool-help">修改出库删除出库单规则,删除为完成入库的出库单,货物将自动退回仓库</li>
								<li class="layedit-tool-help">子模块修改为统一版本管理</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<script type="text/javascript">var path = "<%=basePath %>";</script>
	<script type="text/javascript" src="<%=basePath %>/resource/js/jquery-2.1.0.min.js"/></script>
	<script type="text/javascript" src="<%=basePath %>/resource/layui/layui.js"></script>
	<script type="text/javascript" src="<%=basePath %>/resource/highcharts/highcharts.js"></script>
	<script type="text/javascript" src="<%=basePath %>/resource/highcharts/highcharts-3d.js"></script>
	<script type="text/javascript" src="<%=basePath %>/resource/highcharts/highcharts-more.js"></script>
	<script type="text/javascript" src="<%=basePath %>/resource/js/jquery.liMarquee.js"></script>
	<script type="text/javascript" src="<%=basePath %>/admin/enterpriseManagement/statisticsMap/statistics-map.js"></script>
</body>
</html>